<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
	<jsp:include page="/header"></jsp:include>
	 <!--=====================
Breadcrumb Aera Start
=========================-->
    <div class="breadcrumbs_area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb_content">
                        <ul>
                            <li>
                                <h1><a href="indexTwo">首页</a></h1>
                            </li>
                            <li>联系我们</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--=====================
    Breadcrumb Aera End
    =========================-->

    <!-- contact page map -->
    <div class="contact-page-map mt-50">
        <!-- Google Map Start -->
        <div class="container">
            <div class="baidu-map">
                <iframe class="contact-map" src="https://map.baidu.com/search/%E6%96%B0%E4%B9%A1%E5%B8%82/@12683168,4181113.7499999995,13z?querytype=s&da_src=shareurl&wd=%E6%96%B0%E4%B9%A1%E5%B8%82&c=152&src=0&pn=0&sug=0&l=12&b=(12633988.43,4156895.18;12732292.43,4205151.18)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2" aria-hidden="false" tabindex="0"></iframe>
            </div>
        </div>
        <!-- Google Map End -->
    </div>
    <!-- contact page map -->

    <!--=====================
Contact Aera Start
=========================-->
    <div class="contact-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mt-40">
                    <div class="contact-address">
                        <div class="address-title">
                            <h3 class="last-title mb-20">联系我们</h3>
                        </div>
                        <div class="contact-message">
                            <p>shopping website是中国深受欢迎的网购零售平台，拥有近5亿的注册用户数，每天有超过6000万的固定访客，同时每天的在线商品数已经超过了8亿件，平均每分钟售出4.8万件商品。</p>
                            <ul>
                                <li><i class="fa fa-fax"></i> 地址:新乡市 , 红旗区  , 新乡职业技术学院</li>
                                <li><i class="fa fa-phone"></i> <a href="#">(800) 123 456 789</a></li>
                                <li><i class="fa fa-envelope-o"></i><a href="#">(800) 123 456 789</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 contact-margin mb-20">
                    <div class="contact-information">
                        <form class="layui-form" class="form-row" onsubmit="false" id="contact-form" method="" >
                            <div class="information-title">
                                <h3 class="last-title mb-20">告诉我们您的需求</h3>
                            </div>
                            <div class="form_group col-12">
                                <label class="form-label">姓名 <span>*</span></label>
                                <input class="input-form" type="text" lay-verify="required"  placeholder="您的名字" name="Mname">
                            </div>
                            <div class="form_group col-12">
                                <label class="form-label">邮箱<span>*</span></label>
                                <input class="input-form" type="email" lay-verify="required" placeholder="您的邮箱" name="Memail">
                            </div>
                            <div class="form_group mb-0 col-12">
                                <label class="form-label" for="order-note">您的留言 <span>*</span></label>
                                <textarea class="form-textarea" lay-verify="required" id="order-note" name="Mcontent"></textarea>
                            </div>
                            <div class="form_group mt-20 mb-0 col-12">
                                <button type="submit" class="btn-secondary" lay-submit lay-filter="formDemo">提交</button>
                            </div>
                        </form>
                        <!-- <p class="form-message"></p> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--=====================
Contact Aera End
=========================-->
<!--===================
     footer area start 
    ===================-->
	<footer class="mt-30">
		<!-- Newslatter area start -->
		<div class="newsletter-group">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-6 col-12">
						<div class="newsletter-inner d-flex align-items-center">
							<i class="fa fa-envelope-open-o"></i>
							<div class="newsletter-title">
								<h1 class="sign-title">注册我们的通讯</h1>
								<p>获取有关我们最新商店和特惠信息的电子邮件更新。</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-12">
						<div class="newsletter-box">
							<form id="mc-form" class="mc-form">
								<input type="email" id="mc-email" class="email-box"
									placeholder="输入你的电子邮箱" name="EMAIL">
								<button id="mc-submit" class="newsletter-btn" type="submit">订阅</button>
							</form>
							<!-- mailchimp-alerts Start -->
							<div class="mailchimp-alerts text-centre">
								<div class="mailchimp-submitting"></div>
								<!-- mailchimp-submitting end -->
								<div class="mailchimp-success text-success"></div>
								<!-- mailchimp-success end -->
								<div class="mailchimp-error text-danger"></div>
								<!-- mailchimp-error end -->
							</div>
							<!-- mailchimp-alerts end -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Newslatter area End -->
		<!-- Footer Top Start -->
		<div class="footer-top mt-50 mb-40">
			<div class="container">
				<div class="row">
					<div class="col-lg-4">
						<div class="footer-single-widget">
							<div class="footer-logo mb-40">
								<a href="index"><img
									src="assets/images/logo/pos-circle-logo.jpg" alt=""></a>
							</div>
							<div class="widget-body">
								<div class="widget-address mt-30 mb-20">
									<p>
										<strong>地址:</strong>新乡市，红旗区，新乡职业技术学院
									</p>
									<p>
										<strong>联系电话:</strong> (800) 123 456 - (800) 123 456.
									</p>
									<p>
										<strong>电子邮箱:</strong> support@circleshop.com
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-8">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>信息</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">隐私政策</a></li>
											<li><a href="#">条款及细则</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>我的账户</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">我的帐户</a></li>
											<li><a href="#">心愿单</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>快速找到</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">历史悠久</a></li>
											<li><a href="#">新闻快报</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>客户服务</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">网站地图</a></li>
											<li><a href="#">联系我们</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Top End -->
	</footer>
	<!--===================
     footer area end 
    ===================-->


	<!-- Use the minified version files listed below for better performance and remove the files listed above -->
	<script src="assets/js/vendor/vendor.min.js"></script>
	<script src="assets/js/plugins/plugins.min.js"></script>

	<!-- Main JS -->
	<script src="assets/js/main.js"></script>
	<script>
		//Demo
		layui.use('form', function() {
			var form = layui.form;
			var $ = layui.jquery;
			//监听提交
			form.on('submit(formDemo)', function(data) {
				var d = data.field;//表单中的数据，定义一个对象来接收
				var url = '/shoppingsix/message_add';
				$.post(url, d, function(data) {
					if (data.count > 0) {
						layer.msg('留言成功', {
							  icon: 1,
							  time: 2000 //2秒关闭（如果不配置，默认是3秒）
							}, function(){
							  //do something
							});
						setTimeout(function () {
			            	window.parent.location.reload();
			            }, 2000);
					}
				}, "json");
				return false;
			});
		});
	</script>
</body>
</html>